.p32 {
  display: block;
  padding: 32rpx;
}

.plr32 {
  display: block;
  padding: 0 32rpx;
}

.ptb32 {
  display: block;
  padding: 32rpx 0;
}

.pt32 {
  display: block;
  padding-top: 32rpx;
}

.pb32 {
  display: block;
  padding-bottom: 32rpx;
}

.m32 {
  display: block;
  margin: 32rpx;
}

.mlr32 {
  display: block;
  margin: 0 32rpx;
}

.mtb32 {
  display: block;
  margin: 32rpx 0;
}

.mt32 {
  display: block;
  margin-top: 32rpx;
}

.mb32 {
  display: block;
  margin-bottom: 32rpx;
}

.flex-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.flex-col {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.flex-1 {
  flex: 1;
}


.fl {
  text-align: left;
}

.fc {
  text-align: center;
}

.fr {
  text-align: right;
}

.empty-data-large {
  display: block;
  margin: 300rpx auto;
}

.empty-data-middle {
  display: block;
  margin: 200rpx auto;
}

.empty-data-small {
  display: block;
  margin: 100rpx auto;
}

.empty-data-mini {
  display: block;
  margin: 50rpx auto;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1000;
}

.sticky-bottom {
  position: sticky;
  top: 0;
  z-index: 1000;
}

.inline-block-middle {
  display: inline-block;
  vertical-align: middle;
}

